<template>
	<view class="content">
		<view class="policy-content">
			<view class="policy-item" v-for="item in policyList" :key="item.id"  @click="menuJump(item.url,item.id)">
				<!-- <view class="img"> -->
				
				<img :src="imageUrl+item.src" alt="" class="img">
				<img :src="imageUrl+'/home/play.png'" alt="" class="play">
				<!-- </view> -->
				<view class="policy-info">
					<view class="title">
						{{ item.title }}
					</view>
					<view class="time">
						{{ item.time }}
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				imageUrl: '',
				policyList:[
					{
						id: 1,
						src: "/home/chuangye/tupian1.png",
						title: "酒泉舒心水果业商贸有限公司  总经理  董事长  白玉恒",
						time: "2023-03-04",
						url:'/page_other/serve/case_detail'
					},
					{
						id: 2,
						src:'/home/chuangye/tupian2.png',
						title: "酒泉诚德农业农民专业合作社  理事长   范立德",
						time: "2023-03-04",
						url:'/page_other/serve/case_detail1'
					},
					{
						id: 3,
						src: "/home/chuangye/tupian3.png",
						title: "甘肃雄狮保安服务有限公司  董事长  韩进彪",
						time: "2023-03-04",
						url:'/page_other/serve/case_detail2'
					},
					{
						id: 4,
						src: "/home/chuangye/tupian4.png",
						title: "甘肃吉光片羽时代文化传媒有限公司 总经理 祁博",
						time: "2023-03-04",
						url:'/page_other/serve/case_detail3'
					},
					{
						id: 5,
						src: "/home/chuangye/tupian5.png",
						title: "甘肃渤汇恒达工程检测有限公司 总经理  于松平",
						time: "2023-03-04",
						url:'/page_other/serve/case_detail4'
					},
					{
						id: 6,
						src: "/home/chuangye/tupian6.png",
						title: "酒泉盛天农业发展有限公司  董事长  盛晓玲",
						time: "2023-03-04",
						url:'/page_other/serve/case_detail5'
					},
					{
						id: 7,
						src: "/home/chuangye/tupian7.png",
						title: "甘肃非凡洁净日化有限公司  董事长  王建明",
						time: "2023-03-04",
						url:'/page_other/serve/case_detail6'
					}
				]
			}
		},
		methods:{
		navigate(url) {
			uni.navigateTo({
				url
			})
		},
		menuJump(url, id) {
						if (url) {
							uni.navigateTo({
								url: url + '?id=' + id
							})
						} else {
							uni.showToast({
								title: '该功能正在研发中QWQ~',
								icon: 'none'
							})
						}
					}
		},
		onLoad(e) {
			this.imageUrl = this.globalConfig.imageUrl
		}
	}
</script>

<style lang="scss" scoped>
	.policy-content{
		width: 100%;
		height: 100%;
		padding: 30rpx;
		.policy-item{
			position: relative;
			width: 100%;
			height: 250rpx;
			display: flex;
			background-color: #FFFFFF;
			border-radius: 40rpx;
			box-sizing: border-box;
			padding: 20rpx;
			.play{
				position: absolute;
				left: 17%;
				top: 35%;
				width: 70rpx;
				height: 70rpx;
			}
			.img{
				width: 330rpx;
				height: 205rpx;
				border-radius: 20rpx;
				background-color: #808080;
			}
			.policy-info{
				width: calc((100% - 175rpx));
				height: 205rpx;
				margin-left: 20rpx;
				.title{
					font-size: 35rpx;
					line-height: 50rpx;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					overflow: hidden;
				}
				.time{
					margin-top: 60rpx;
					color: #767676;
				}
			}
		}
	}
</style>